<template>
  <div class="login-container" style="display: flex; overflow: hidden; width: 100%; height: 100%;  ">
    <div style="flex: 1; position: relative; ">
      <div style=" height: 58px; display: flex;  align-items: center; margin-top: 18px; margin-left: 18px;">
        <img src="@/assets/371705997428.jpg" style="height: 58px; border-radius: 8px; ">
        <span style="font-weight: 900; font-size: 19px; margin-left: 10px;">云梦进销存</span>
      </div>

      <div class="web-main-content">
        <div class="login-content-container">
          <div style="padding: 24px;">
            <div style="padding-right: 16px; padding-left: 16px; font-size: 22px; font-weight: 600;line-height: 30px; color: #1f2329;">
              欢迎使用云梦进销存
            </div>
            <div class="login-input" style="margin-top: 20px;">
              <span style="font-size: 14px; display: inline-block; margin-bottom: 10px; font-weight: 600; color: #646a73;">用户名</span>
              <el-input
                   style="height: 40px;"
                  ref="password"
                  v-model="loginForm.username"
                  type="text"
                  placeholder="请输入用户名"
                  name="password"
                  tabindex="2"
                  autocomplete="on"
              />
              <span style="font-size: 14px; display: inline-block; margin-top: 15px; margin-bottom: 10px; font-weight: 600; color: #646a73;">密码</span>
              <el-input
                  ref="password"
                  show-password
                  v-model="loginForm.password"
                  placeholder="请输入密码"
                  name="password"
                  tabindex="2"
                  autocomplete="on"
                  @keyup.native="checkCapslock"
                  @blur="capsTooltip = false"
                  @keyup.enter.native="handleLogin"
              />
            </div>

            <div style="padding-right: 16px; padding-left: 16px; margin-top: 20px; width: 100%; " class="login-button">
              <el-button :loading="loading" @click="handleLogin" :disabled="loginForm.username === '' || loginForm.password === ''" style="width: 100%; height: 40px; line-height: 22px; font-size: 16px; border-radius: 8px;" type="primary">登录</el-button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div style="width: 520px;" class="web-login-right">
      <div class="passport-lottie-root">
        <div class="lottie-content">
          <img src="@/assets/img_1.png" class="lottie-bg"/>
          <div class="lottie-animation">
            <div title="" role="button" aria-label="animation" tabindex="0" style="width: 100%; height: 100%; overflow: hidden; margin: 0px auto; outline: none;">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 450 400" width="450" height="400" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;"><defs><clipPath id="__lottie_element_2"><rect width="450" height="400" x="0" y="0"></rect></clipPath><clipPath id="__lottie_element_4"><path d="M0,0 L500,0 L500,500 L0,500z"></path></clipPath><mask id="__lottie_element_16"><rect fill="#ffffff" width="500" height="500" transform="matrix(1.1823124885559082,0,0,1.1823124885559082,-311.1862487792969,-166.13375854492188)"></rect><path fill="#000000" clip-rule="nonzero" d=" M134.25,39.25 C116.0250015258789,39.25 101.25,54.025001525878906 101.25,72.25 C101.25,90.4749984741211 116.0250015258789,105.25 134.25,105.25 C152.47500610351562,105.25 167.25,90.4749984741211 167.25,72.25 C167.25,54.025001525878906 152.47500610351562,39.25 134.25,39.25" fill-opacity="1"></path></mask><mask mask-type="alpha" id="__lottie_element_29_2"><path fill="#ffffff" clip-rule="nonzero" d=" M134.74600219726562,-88.25399780273438 C134.74600219726562,-88.25399780273438 134.74600219726562,72.25399780273438 134.74600219726562,72.25399780273438 C134.74600219726562,72.25399780273438 295.2539978027344,72.25399780273438 295.2539978027344,72.25399780273438 C295.2539978027344,72.25399780273438 295.2539978027344,-88.25399780273438 295.2539978027344,-88.25399780273438 C295.2539978027344,-88.25399780273438 134.74600219726562,-88.25399780273438 134.74600219726562,-88.25399780273438" fill-opacity="1"></path></mask><mask id="__lottie_element_29"><g mask="url(#__lottie_element_29_2)"><rect fill="#ffffff" width="500" height="500" transform="matrix(1,0,0,1,-244.5,-245)"></rect><path fill="#000000" clip-rule="nonzero" d=" M134.25,39.25 C116.0250015258789,39.25 101.25,54.025001525878906 101.25,72.25 C101.25,90.4749984741211 116.0250015258789,105.25 134.25,105.25 C152.47500610351562,105.25 167.25,90.4749984741211 167.25,72.25 C167.25,54.025001525878906 152.47500610351562,39.25 134.25,39.25" fill-opacity="1"></path></g></mask><mask id="__lottie_element_35"><rect fill="#ffffff" width="500" height="500" transform="matrix(1,0,0,1,-250.11000061035156,-250)"></rect><path fill="#000000" clip-rule="nonzero" d=" M-161.5,83.5 C-161.5,83.5 -161.5,378.25 -161.5,378.25 C-161.5,378.25 -13.5,378.25 -13.5,378.25 C-13.5,378.25 -13.5,83.5 -13.5,83.5 C-13.5,83.5 -161.5,83.5 -161.5,83.5" fill-opacity="1"></path></mask><g id="__lottie_element_31"><g transform="matrix(1,0,0,1,247.1032257080078,250)" opacity="1" style="display: none;"><g opacity="1" transform="matrix(1,0,0,1,-131.5,-13.25)"><path fill="rgb(190,196,201)" fill-opacity="1" d=" M238.5,-211 C238.5,-211 238.5,-74 238.5,-74 C238.5,-74 43.875,-53 43.875,-53 C43.875,-53 97.25,-27 97.75,8.875 C98.22899627685547,43.24700164794922 97.875,210.75 97.875,210.75 C97.875,210.75 -98,210.75 -98,210.75 C-98,210.75 -98,-210.75 -98,-210.75 C-98,-210.75 238.5,-211 238.5,-211z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M238.5,-211 C238.5,-211 238.5,-74 238.5,-74 C238.5,-74 43.875,-53 43.875,-53 C43.875,-53 97.25,-27 97.75,8.875 C98.22899627685547,43.24700164794922 97.875,210.75 97.875,210.75 C97.875,210.75 -98,210.75 -98,210.75 C-98,210.75 -98,-210.75 -98,-210.75 C-98,-210.75 238.5,-211 238.5,-211z"></path></g></g></g><mask id="__lottie_element_31_1" mask-type="alpha"><use xlink:href="#__lottie_element_31"></use></mask><g id="__lottie_element_49"><g transform="matrix(1,0,0,1,236.45632934570312,250)" opacity="1" style="display: none;"><g opacity="1" transform="matrix(1,0,0,1,-157.5,62.75)"><path fill="rgb(148,180,255)" fill-opacity="1" d=" M123,-196.25 C123,-196.25 123,196.25 123,196.25 C123,196.25 -123,196.25 -123,196.25 C-123,196.25 -123,-196.25 -123,-196.25 C-123,-196.25 123,-196.25 123,-196.25z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M123,-196.25 C123,-196.25 123,196.25 123,196.25 C123,196.25 -123,196.25 -123,196.25 C-123,196.25 -123,-196.25 -123,-196.25 C-123,-196.25 123,-196.25 123,-196.25z"></path></g></g></g><g id="__lottie_element_48"><g transform="matrix(0,1,-1,0,182.5,151.8599853515625)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,-157.5,62.75)"><path fill="rgb(148,180,255)" fill-opacity="1" d=" M123,-196.25 C123,-196.25 123,196.25 123,196.25 C123,196.25 -123,196.25 -123,196.25 C-123,196.25 -123,-196.25 -123,-196.25 C-123,-196.25 123,-196.25 123,-196.25z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M123,-196.25 C123,-196.25 123,196.25 123,196.25 C123,196.25 -123,196.25 -123,196.25 C-123,196.25 -123,-196.25 -123,-196.25 C-123,-196.25 123,-196.25 123,-196.25z"></path></g></g></g><mask id="__lottie_element_48_1" mask-type="alpha"><use xlink:href="#__lottie_element_48"></use></mask><g id="__lottie_element_57"><g transform="matrix(1,0,0,1,236.45632934570312,250)" opacity="1" style="display: none;"><g opacity="1" transform="matrix(1,0,0,1,-157.5,62.75)"><path fill="rgb(148,180,255)" fill-opacity="1" d=" M123,-196.25 C123,-196.25 123,196.25 123,196.25 C123,196.25 -123,196.25 -123,196.25 C-123,196.25 -123,-196.25 -123,-196.25 C-123,-196.25 123,-196.25 123,-196.25z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M123,-196.25 C123,-196.25 123,196.25 123,196.25 C123,196.25 -123,196.25 -123,196.25 C-123,196.25 -123,-196.25 -123,-196.25 C-123,-196.25 123,-196.25 123,-196.25z"></path></g></g></g><mask id="__lottie_element_57_1" mask-type="alpha"><use xlink:href="#__lottie_element_57"></use></mask><mask id="__lottie_element_49_1" mask-type="alpha"><use xlink:href="#__lottie_element_49"></use></mask><g id="__lottie_element_66"><g style="display: none;" transform="matrix(1,0,0,1,250,250)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,-86.125,160.625)"><path fill="rgb(208,211,214)" fill-opacity="1" d=" M7.375,-191.25 C24.897825241088867,-191.25 39.125,-166.60450744628906 39.125,-136.25 C39.125,-136.25 39.125,71.75 39.125,71.75 C39.125,102.10449981689453 24.897825241088867,126.75 7.375,126.75 C7.375,126.75 7.375,126.75 7.375,126.75 C-10.147825241088867,126.75 -24.375,102.10449981689453 -24.375,71.75 C-24.375,71.75 -24.375,-136.25 -24.375,-136.25 C-24.375,-166.60450744628906 -10.147825241088867,-191.25 7.375,-191.25 C7.375,-191.25 7.375,-191.25 7.375,-191.25z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M7.375,-191.25 C24.897825241088867,-191.25 39.125,-166.60450744628906 39.125,-136.25 C39.125,-136.25 39.125,71.75 39.125,71.75 C39.125,102.10449981689453 24.897825241088867,126.75 7.375,126.75 C7.375,126.75 7.375,126.75 7.375,126.75 C-10.147825241088867,126.75 -24.375,102.10449981689453 -24.375,71.75 C-24.375,71.75 -24.375,-136.25 -24.375,-136.25 C-24.375,-166.60450744628906 -10.147825241088867,-191.25 7.375,-191.25 C7.375,-191.25 7.375,-191.25 7.375,-191.25z"></path></g></g></g><filter id="__lottie_element_72" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%"><feComponentTransfer in="SourceGraphic"><feFuncA type="table" tableValues="1.0 0.0"></feFuncA></feComponentTransfer></filter><mask id="__lottie_element_66_2" mask-type="alpha"><g filter="url(#__lottie_element_72)"><rect width="500" height="500" x="0" y="0" fill="#ffffff" opacity="0"></rect><use xlink:href="#__lottie_element_66"></use></g></mask><g id="__lottie_element_73"><g transform="matrix(0,1,-1,0,182.5,259.6099853515625)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,-143,111.5)"><path fill="rgb(187,191,196)" fill-opacity="1" d=" M187,-212.5 C187,-212.5 187,74.25 187,74.25 C187,74.25 1.5,74.25 1.5,74.25 C1.5,74.25 1.5,-212.5 1.5,-212.5 C1.5,-212.5 187,-212.5 187,-212.5z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M187,-212.5 C187,-212.5 187,74.25 187,74.25 C187,74.25 1.5,74.25 1.5,74.25 C1.5,74.25 1.5,-212.5 1.5,-212.5 C1.5,-212.5 187,-212.5 187,-212.5z"></path></g></g></g><mask id="__lottie_element_73_1" mask-type="alpha"><use xlink:href="#__lottie_element_73"></use></mask><g id="__lottie_element_138"><g style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g></g><filter id="__lottie_element_144" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%"><feComponentTransfer in="SourceGraphic"><feFuncA type="table" tableValues="1.0 0.0"></feFuncA></feComponentTransfer></filter><mask id="__lottie_element_138_2" mask-type="alpha"><g filter="url(#__lottie_element_144)"><rect width="500" height="500" x="0" y="0" fill="#ffffff" opacity="0"></rect><use xlink:href="#__lottie_element_138"></use></g></mask><mask id="__lottie_element_146"><rect fill="#ffffff" width="500" height="500"></rect><path fill="#000000" clip-rule="nonzero" d=" M-194,-107.5780029296875 C-194,-107.5780029296875 -194,247.6300048828125 -194,247.6300048828125 C-194,247.6300048828125 135.5,247.6300048828125 135.5,247.6300048828125 C135.5,247.6300048828125 135.5,-107.5780029296875 135.5,-107.5780029296875 C135.5,-107.5780029296875 -194,-107.5780029296875 -194,-107.5780029296875"></path></mask><mask id="__lottie_element_150"><rect fill="#ffffff" width="500" height="500"></rect><path fill="#000000" clip-rule="nonzero"></path></mask><mask mask-type="alpha" id="__lottie_element_152_2"><path fill="#ffffff" clip-rule="nonzero" d=" M134.74600219726562,-88.25399780273438 C134.74600219726562,-88.25399780273438 134.74600219726562,72.25399780273438 134.74600219726562,72.25399780273438 C134.74600219726562,72.25399780273438 295.2539978027344,72.25399780273438 295.2539978027344,72.25399780273438 C295.2539978027344,72.25399780273438 295.2539978027344,-88.25399780273438 295.2539978027344,-88.25399780273438 C295.2539978027344,-88.25399780273438 134.74600219726562,-88.25399780273438 134.74600219726562,-88.25399780273438"></path></mask><mask id="__lottie_element_152"><g mask="url(#__lottie_element_152_2)"><rect fill="#ffffff" width="500" height="500"></rect><path fill="#000000" clip-rule="nonzero"></path></g></mask><g id="__lottie_element_160"><g style="display: block;" transform="matrix(1,0,0,1,250,250)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,129.75,239.25)"><path fill="rgb(217,217,217)" fill-opacity="1" d=" M131.75,-112.75 C131.75,-112.75 131.75,112.75 131.75,112.75 C131.75,112.75 -131.75,112.75 -131.75,112.75 C-131.75,112.75 -131.75,-112.75 -131.75,-112.75 C-131.75,-112.75 131.75,-112.75 131.75,-112.75z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M131.75,-112.75 C131.75,-112.75 131.75,112.75 131.75,112.75 C131.75,112.75 -131.75,112.75 -131.75,112.75 C-131.75,112.75 -131.75,-112.75 -131.75,-112.75 C-131.75,-112.75 131.75,-112.75 131.75,-112.75z"></path></g></g></g><filter id="__lottie_element_166" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%"><feComponentTransfer in="SourceGraphic"><feFuncA type="table" tableValues="1.0 0.0"></feFuncA></feComponentTransfer></filter><mask id="__lottie_element_160_2" mask-type="alpha"><g filter="url(#__lottie_element_166)"><rect width="500" height="500" x="0" y="0" fill="#ffffff" opacity="0"></rect><use xlink:href="#__lottie_element_160"></use></g></mask><mask id="__lottie_element_169"><rect fill="#ffffff" width="500" height="500" transform="matrix(1.08695650100708,0,0,1.08695650100708,-442.2706604003906,-364.8774108886719)"></rect><path fill="#000000" clip-rule="nonzero" d=" M-194,-4.866616249084473 C-194,-4.866616249084473 -194,247.6300048828125 -194,247.6300048828125 C-194,247.6300048828125 135.5,247.6300048828125 135.5,247.6300048828125 C135.5,247.6300048828125 135.5,-4.866616249084473 135.5,-4.866616249084473 C135.5,-4.866616249084473 -194,-4.866616249084473 -194,-4.866616249084473" fill-opacity="1"></path></mask></defs><g clip-path="url(#__lottie_element_2)"><g clip-path="url(#__lottie_element_4)" transform="matrix(0.5360000133514404,0,0,0.5360000133514404,91,125.5)" opacity="1" style="display: block;"><g transform="matrix(0,0,0,0,283.4616394042969,143.99302673339844)" opacity="1" style="display: none;"><g opacity="1" transform="matrix(0.9769499897956848,0,0,0.9769499897956848,130,-100)"><path fill="rgb(187,191,196)" fill-opacity="1" d=" M0,0.38199999928474426 C44.87300109863281,0.38199999928474426 52.07600021362305,0.3840000033378601 81.25,0 C81.25,44.87300109863281 44.87300109863281,81.25 0,81.25 C-44.87300109863281,81.25 -81.25,44.87300109863281 -81.25,0 C-53.73899841308594,0.25600001215934753 -44.87300109863281,0.38199999928474426 0,0.38199999928474426z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M0,0.38199999928474426 C44.87300109863281,0.38199999928474426 52.07600021362305,0.3840000033378601 81.25,0 C81.25,44.87300109863281 44.87300109863281,81.25 0,81.25 C-44.87300109863281,81.25 -81.25,44.87300109863281 -81.25,0 C-53.73899841308594,0.25600001215934753 -44.87300109863281,0.38199999928474426 0,0.38199999928474426z"></path></g></g><g transform="matrix(0,1,-1,0,242.0514373779297,430.01361083984375)" opacity="1" style="display: none;"><g opacity="1" transform="matrix(1,0,0,1,-142.81199645996094,12.875)"><path fill="rgb(222,224,227)" fill-opacity="1" d=" M63.565059661865234,-18.176801681518555 C67.21235656738281,-18.176801681518555 70.1736831665039,-15.215476989746094 70.1736831665039,-11.568177223205566 C70.1736831665039,-11.568177223205566 70.1736831665039,4.605684280395508 70.1736831665039,4.605684280395508 C70.1736831665039,8.252984046936035 67.21235656738281,11.214308738708496 63.565059661865234,11.214308738708496 C63.565059661865234,11.214308738708496 -90.56555938720703,11.214308738708496 -90.56555938720703,11.214308738708496 C-94.21286010742188,11.214308738708496 -97.17418670654297,8.252984046936035 -97.17418670654297,4.605684280395508 C-97.17418670654297,4.605684280395508 -97.17418670654297,-11.568177223205566 -97.17418670654297,-11.568177223205566 C-97.17418670654297,-15.215476989746094 -94.21286010742188,-18.176801681518555 -90.56555938720703,-18.176801681518555 C-90.56555938720703,-18.176801681518555 63.565059661865234,-18.176801681518555 63.565059661865234,-18.176801681518555z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M63.565059661865234,-18.176801681518555 C67.21235656738281,-18.176801681518555 70.1736831665039,-15.215476989746094 70.1736831665039,-11.568177223205566 C70.1736831665039,-11.568177223205566 70.1736831665039,4.605684280395508 70.1736831665039,4.605684280395508 C70.1736831665039,8.252984046936035 67.21235656738281,11.214308738708496 63.565059661865234,11.214308738708496 C63.565059661865234,11.214308738708496 -90.56555938720703,11.214308738708496 -90.56555938720703,11.214308738708496 C-94.21286010742188,11.214308738708496 -97.17418670654297,8.252984046936035 -97.17418670654297,4.605684280395508 C-97.17418670654297,4.605684280395508 -97.17418670654297,-11.568177223205566 -97.17418670654297,-11.568177223205566 C-97.17418670654297,-15.215476989746094 -94.21286010742188,-18.176801681518555 -90.56555938720703,-18.176801681518555 C-90.56555938720703,-18.176801681518555 63.565059661865234,-18.176801681518555 63.565059661865234,-18.176801681518555z"></path></g></g><g style="display: none;" transform="matrix(0.43772000074386597,0,0,0.43772000074386597,160.486083984375,219.49972534179688)" opacity="1"><g opacity="1" transform="matrix(1.0094799995422363,0,0,1.0094799995422363,134.25,72.25)"><path fill="rgb(208,211,214)" fill-opacity="1" d=" M0,-79.5 C43.87604904174805,-79.5 79.5,-43.87604904174805 79.5,0 C79.5,43.87604904174805 43.87604904174805,79.5 0,79.5 C-43.87604904174805,79.5 -79.5,43.87604904174805 -79.5,0 C-79.5,-43.87604904174805 -43.87604904174805,-79.5 0,-79.5z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M0,-79.5 C43.87604904174805,-79.5 79.5,-43.87604904174805 79.5,0 C79.5,43.87604904174805 43.87604904174805,79.5 0,79.5 C-43.87604904174805,79.5 -79.5,43.87604904174805 -79.5,0 C-79.5,-43.87604904174805 -43.87604904174805,-79.5 0,-79.5z"></path></g></g><g style="display: none;" transform="matrix(2.1500000953674316,0,0,2.1500000953674316,-26.323307037353516,466.2912292480469)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,114.06199645996094,-150.68800354003906)"><path fill="rgb(170,175,180)" fill-opacity="1" d=" M0,-34.1875 C18.86808204650879,-34.1875 34.1875,-18.86808204650879 34.1875,0 C34.1875,18.86808204650879 18.86808204650879,34.1875 0,34.1875 C-18.86808204650879,34.1875 -34.1875,18.86808204650879 -34.1875,0 C-34.1875,-18.86808204650879 -18.86808204650879,-34.1875 0,-34.1875z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M0,-34.1875 C18.86808204650879,-34.1875 34.1875,-18.86808204650879 34.1875,0 C34.1875,18.86808204650879 18.86808204650879,34.1875 0,34.1875 C-18.86808204650879,34.1875 -34.1875,18.86808204650879 -34.1875,0 C-34.1875,-18.86808204650879 -18.86808204650879,-34.1875 0,-34.1875z"></path></g></g><g mask="url(#__lottie_element_169)" style="display: block;" transform="matrix(0.9200000166893005,0,0,0.9200000166893005,406.8890075683594,335.6872253417969)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,-30.875,-112.625)"><path fill="rgb(82,190,203)" fill-opacity="1" d=" M-0.125,-68.875 C40.715599060058594,-68.875 73.875,-34.371299743652344 73.875,8.125 C73.875,8.125 73.875,191.125 73.875,191.125 C73.875,233.62130737304688 40.715599060058594,268.125 -0.125,268.125 C-0.125,268.125 -0.125,268.125 -0.125,268.125 C-40.965599060058594,268.125 -74.125,233.62130737304688 -74.125,191.125 C-74.125,191.125 -74.125,8.125 -74.125,8.125 C-74.125,-34.371299743652344 -40.965599060058594,-68.875 -0.125,-68.875 C-0.125,-68.875 -0.125,-68.875 -0.125,-68.875z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M-0.125,-68.875 C40.715599060058594,-68.875 73.875,-34.371299743652344 73.875,8.125 C73.875,8.125 73.875,191.125 73.875,191.125 C73.875,233.62130737304688 40.715599060058594,268.125 -0.125,268.125 C-0.125,268.125 -0.125,268.125 -0.125,268.125 C-40.965599060058594,268.125 -74.125,233.62130737304688 -74.125,191.125 C-74.125,191.125 -74.125,8.125 -74.125,8.125 C-74.125,-34.371299743652344 -40.965599060058594,-68.875 -0.125,-68.875 C-0.125,-68.875 -0.125,-68.875 -0.125,-68.875z"></path></g></g><g style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g><g mask="url(#__lottie_element_160_2)" style="display: block;"><g transform="matrix(0.7035058736801147,0,0,0.7035058736801147,400.2047424316406,458.5983581542969)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,-30.875,-112.625)"><path fill="rgb(217,217,217)" fill-opacity="1" d=" M-0.125,-68.875 C40.715599060058594,-68.875 73.875,-34.371299743652344 73.875,8.125 C73.875,8.125 73.875,191.125 73.875,191.125 C73.875,233.62130737304688 40.715599060058594,268.125 -0.125,268.125 C-0.125,268.125 -0.125,268.125 -0.125,268.125 C-40.965599060058594,268.125 -74.125,233.62130737304688 -74.125,191.125 C-74.125,191.125 -74.125,8.125 -74.125,8.125 C-74.125,-34.371299743652344 -40.965599060058594,-68.875 -0.125,-68.875 C-0.125,-68.875 -0.125,-68.875 -0.125,-68.875z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M-0.125,-68.875 C40.715599060058594,-68.875 73.875,-34.371299743652344 73.875,8.125 C73.875,8.125 73.875,191.125 73.875,191.125 C73.875,233.62130737304688 40.715599060058594,268.125 -0.125,268.125 C-0.125,268.125 -0.125,268.125 -0.125,268.125 C-40.965599060058594,268.125 -74.125,233.62130737304688 -74.125,191.125 C-74.125,191.125 -74.125,8.125 -74.125,8.125 C-74.125,-34.371299743652344 -40.965599060058594,-68.875 -0.125,-68.875 C-0.125,-68.875 -0.125,-68.875 -0.125,-68.875z"></path></g></g></g><g style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g><g style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g><g mask="url(#__lottie_element_150)" style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g><g mask="url(#__lottie_element_152)" style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g><g mask="url(#__lottie_element_146)" style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g><g mask="url(#__lottie_element_138_2)" style="display: none;"><g><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g></g><g style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g><g style="display: block;" transform="matrix(0.8660253882408142,0.5,-0.5,0.8660253882408142,265.69366455078125,381.3563232421875)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,-203,-49.125)"><path fill="rgb(194,212,255)" fill-opacity="1" d=" M-27.0049991607666,-95.125 C-27.0049991607666,-95.125 18.591999053955078,-16.138999938964844 18.591999053955078,-16.138999938964844 C18.591999053955078,-16.138999938964844 -64.66100311279297,31.113000869750977 -64.66100311279297,31.113000869750977 C-64.66100311279297,31.113000869750977 -109.89299774169922,-47.137001037597656 -109.89299774169922,-47.137001037597656 C-109.89299774169922,-47.137001037597656 -27.0049991607666,-95.125 -27.0049991607666,-95.125z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M-27.0049991607666,-95.125 C-27.0049991607666,-95.125 18.591999053955078,-16.138999938964844 18.591999053955078,-16.138999938964844 C18.591999053955078,-16.138999938964844 -64.66100311279297,31.113000869750977 -64.66100311279297,31.113000869750977 C-64.66100311279297,31.113000869750977 -109.89299774169922,-47.137001037597656 -109.89299774169922,-47.137001037597656 C-109.89299774169922,-47.137001037597656 -27.0049991607666,-95.125 -27.0049991607666,-95.125z"></path></g></g><g style="display: none;" transform="matrix(0.9548844695091248,0.29697754979133606,-0.29697754979133606,0.9548844695091248,75.03507232666016,314.21783447265625)" opacity="1"><g opacity="1" transform="matrix(1.1176600456237793,0,0,1.1176600456237793,-4.938000202178955,-159.81199645996094)"><path fill="rgb(51,109,244)" fill-opacity="1" d=" M0,-26.0625 C14.383893966674805,-26.0625 26.0625,-14.383893966674805 26.0625,0 C26.0625,14.383893966674805 14.383893966674805,26.0625 0,26.0625 C-14.383893966674805,26.0625 -26.0625,14.383893966674805 -26.0625,0 C-26.0625,-14.383893966674805 -14.383893966674805,-26.0625 0,-26.0625z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M0,-26.0625 C14.383893966674805,-26.0625 26.0625,-14.383893966674805 26.0625,0 C26.0625,14.383893966674805 14.383893966674805,26.0625 0,26.0625 C-14.383893966674805,26.0625 -26.0625,14.383893966674805 -26.0625,0 C-26.0625,-14.383893966674805 -14.383893966674805,-26.0625 0,-26.0625z"></path></g></g><g style="display: none;" transform="matrix(1,0,0,1,97.89199829101562,330.3739929199219)" opacity="1"><g opacity="1" transform="matrix(1.1176600456237793,0,0,1.1176600456237793,-4.938000202178955,-159.81199645996094)"><path fill="rgb(51,109,244)" fill-opacity="1" d=" M0,-26.0625 C14.383893966674805,-26.0625 26.0625,-14.383893966674805 26.0625,0 C26.0625,14.383893966674805 14.383893966674805,26.0625 0,26.0625 C-14.383893966674805,26.0625 -26.0625,14.383893966674805 -26.0625,0 C-26.0625,-14.383893966674805 -14.383893966674805,-26.0625 0,-26.0625z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M0,-26.0625 C14.383893966674805,-26.0625 26.0625,-14.383893966674805 26.0625,0 C26.0625,14.383893966674805 14.383893966674805,26.0625 0,26.0625 C-14.383893966674805,26.0625 -26.0625,14.383893966674805 -26.0625,0 C-26.0625,-14.383893966674805 -14.383893966674805,-26.0625 0,-26.0625z"></path></g></g><g mask="url(#__lottie_element_35)" transform="matrix(0,1,-1,0,182.5,242.61000061035156)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,-143,111.5)"><path fill="rgb(148,180,255)" fill-opacity="1" d=" M222.76499938964844,-221.5 C222.76499938964844,-221.5 222.76499938964844,-67.375 222.76499938964844,-67.375 C222.76499938964844,-67.375 42.5,-67.375 42.5,-67.375 C42.5,-67.375 42.5,-221.5 42.5,-221.5 C42.5,-221.5 222.76499938964844,-221.5 222.76499938964844,-221.5z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M222.76499938964844,-221.5 C222.76499938964844,-221.5 222.76499938964844,-67.375 222.76499938964844,-67.375 C222.76499938964844,-67.375 42.5,-67.375 42.5,-67.375 C42.5,-67.375 42.5,-221.5 42.5,-221.5 C42.5,-221.5 222.76499938964844,-221.5 222.76499938964844,-221.5z"></path></g></g><g style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g><g style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g><g style="display: block;" transform="matrix(1,0,0,1,250,250)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,-174.625,110.625)"><path fill="rgb(122,162,255)" fill-opacity="1" d=" M63.5,-128.75 C63.5,-128.75 63.5,75.125 63.5,75.125 C63.5,75.125 -31.875,75.125 -31.875,75.125 C-31.875,75.125 -31.875,-128.75 -31.875,-128.75 C-31.875,-128.75 63.5,-128.75 63.5,-128.75z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M63.5,-128.75 C63.5,-128.75 63.5,75.125 63.5,75.125 C63.5,75.125 -31.875,75.125 -31.875,75.125 C-31.875,75.125 -31.875,-128.75 -31.875,-128.75 C-31.875,-128.75 63.5,-128.75 63.5,-128.75z"></path></g></g><g style="display: block;" transform="matrix(1,0,0,1,250,250)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,-174.625,110.625)"><path fill="rgb(80,131,251)" fill-opacity="1" d=" M217.31199645996094,-38.6879997253418 C217.31199645996094,-38.6879997253418 217.31199645996094,75 217.31199645996094,75 C217.31199645996094,75 63.5,75 63.5,75 C63.5,75 63.5,-38.6879997253418 63.5,-38.6879997253418 C63.5,-38.6879997253418 217.31199645996094,-38.6879997253418 217.31199645996094,-38.6879997253418z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M217.31199645996094,-38.6879997253418 C217.31199645996094,-38.6879997253418 217.31199645996094,75 217.31199645996094,75 C217.31199645996094,75 63.5,75 63.5,75 C63.5,75 63.5,-38.6879997253418 63.5,-38.6879997253418 C63.5,-38.6879997253418 217.31199645996094,-38.6879997253418 217.31199645996094,-38.6879997253418z"></path></g></g><g style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g><g style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g><g style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g><g style="display: none;" transform="matrix(1,0,0,0.9983899593353271,250,250.2993621826172)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,69.875,80.875)"><path fill="rgb(197,217,69)" fill-opacity="1" d=" M27.625,-104.375 C27.625,-104.375 27.625,105.06199645996094 27.625,105.06199645996094 C27.625,105.06199645996094 -26.875,105.06199645996094 -26.875,105.06199645996094 C-26.875,105.06199645996094 -26.875,-104.375 -26.875,-104.375 C-26.875,-104.375 27.625,-104.375 27.625,-104.375z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M27.625,-104.375 C27.625,-104.375 27.625,105.06199645996094 27.625,105.06199645996094 C27.625,105.06199645996094 -26.875,105.06199645996094 -26.875,105.06199645996094 C-26.875,105.06199645996094 -26.875,-104.375 -26.875,-104.375 C-26.875,-104.375 27.625,-104.375 27.625,-104.375z"></path></g></g><g style="display: none;" transform="matrix(1,0,0,0.398389995098114,304.5,361.86175537109375)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,69.875,80.875)"><path fill="rgb(143,198,64)" fill-opacity="1" d=" M27.625,-104.375 C27.625,-104.375 27.625,105.06199645996094 27.625,105.06199645996094 C27.625,105.06199645996094 -26.875,105.06199645996094 -26.875,105.06199645996094 C-26.875,105.06199645996094 -26.875,-104.375 -26.875,-104.375 C-26.875,-104.375 27.625,-104.375 27.625,-104.375z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M27.625,-104.375 C27.625,-104.375 27.625,105.06199645996094 27.625,105.06199645996094 C27.625,105.06199645996094 -26.875,105.06199645996094 -26.875,105.06199645996094 C-26.875,105.06199645996094 -26.875,-104.375 -26.875,-104.375 C-26.875,-104.375 27.625,-104.375 27.625,-104.375z"></path></g></g><g style="display: none;" transform="matrix(1,0,0,0.398389995098114,359,361.86175537109375)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,69.875,80.875)"><path fill="rgb(103,186,95)" fill-opacity="1" d=" M27.625,-104.375 C27.625,-104.375 27.625,105.06199645996094 27.625,105.06199645996094 C27.625,105.06199645996094 -26.875,105.06199645996094 -26.875,105.06199645996094 C-26.875,105.06199645996094 -26.875,-104.375 -26.875,-104.375 C-26.875,-104.375 27.625,-104.375 27.625,-104.375z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M27.625,-104.375 C27.625,-104.375 27.625,105.06199645996094 27.625,105.06199645996094 C27.625,105.06199645996094 -26.875,105.06199645996094 -26.875,105.06199645996094 C-26.875,105.06199645996094 -26.875,-104.375 -26.875,-104.375 C-26.875,-104.375 27.625,-104.375 27.625,-104.375z"></path></g></g><g style="display: none;" transform="matrix(0.25852712988853455,0.21757207810878754,-0.15779687464237213,0.1875000298023224,365.8634338378906,360.4067687988281)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,69.875,80.875)"><path fill="rgb(222,224,227)" fill-opacity="1" d=" M27.625,-104.375 C27.625,-104.375 27.625,105.06199645996094 27.625,105.06199645996094 C27.625,105.06199645996094 -26.875,105.06199645996094 -26.875,105.06199645996094 C-26.875,105.06199645996094 -26.875,-104.375 -26.875,-104.375 C-26.875,-104.375 27.625,-104.375 27.625,-104.375z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M27.625,-104.375 C27.625,-104.375 27.625,105.06199645996094 27.625,105.06199645996094 C27.625,105.06199645996094 -26.875,105.06199645996094 -26.875,105.06199645996094 C-26.875,105.06199645996094 -26.875,-104.375 -26.875,-104.375 C-26.875,-104.375 27.625,-104.375 27.625,-104.375z"></path></g></g><g style="display: none;" transform="matrix(0.25852712988853455,0.21757207810878754,-0.15779687464237213,0.1875000298023224,379.9531555175781,372.2644348144531)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,69.875,80.875)"><path fill="rgb(187,191,196)" fill-opacity="1" d=" M27.625,-104.375 C27.625,-104.375 27.625,105.06199645996094 27.625,105.06199645996094 C27.625,105.06199645996094 -26.875,105.06199645996094 -26.875,105.06199645996094 C-26.875,105.06199645996094 -26.875,-104.375 -26.875,-104.375 C-26.875,-104.375 27.625,-104.375 27.625,-104.375z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M27.625,-104.375 C27.625,-104.375 27.625,105.06199645996094 27.625,105.06199645996094 C27.625,105.06199645996094 -26.875,105.06199645996094 -26.875,105.06199645996094 C-26.875,105.06199645996094 -26.875,-104.375 -26.875,-104.375 C-26.875,-104.375 27.625,-104.375 27.625,-104.375z"></path></g></g><g style="display: none;" transform="matrix(0.25852712988853455,0.21757207810878754,-0.15779687464237213,0.1875000298023224,394.0428771972656,384.12213134765625)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,69.875,80.875)"><path fill="rgb(170,175,180)" fill-opacity="1" d=" M27.625,-104.375 C27.625,-104.375 27.625,105.06199645996094 27.625,105.06199645996094 C27.625,105.06199645996094 -26.875,105.06199645996094 -26.875,105.06199645996094 C-26.875,105.06199645996094 -26.875,-104.375 -26.875,-104.375 C-26.875,-104.375 27.625,-104.375 27.625,-104.375z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M27.625,-104.375 C27.625,-104.375 27.625,105.06199645996094 27.625,105.06199645996094 C27.625,105.06199645996094 -26.875,105.06199645996094 -26.875,105.06199645996094 C-26.875,105.06199645996094 -26.875,-104.375 -26.875,-104.375 C-26.875,-104.375 27.625,-104.375 27.625,-104.375z"></path></g></g><g style="display: none;"><g><path></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"></path></g></g><g style="display: block;" transform="matrix(1,0,0,1,277.875,309.5)" opacity="1"><g opacity="1" transform="matrix(1.018589973449707,0,0,1.018589973449707,100.75,107)"><path fill="rgb(187,191,196)" fill-opacity="1" d=" M0.6299999952316284,-38.88100051879883 C0.6299999952316284,-38.88100051879883 30.913999557495117,-9.170000076293945 30.913999557495117,-9.170000076293945 C30.913999557495117,-9.170000076293945 0.9919999837875366,20.17099952697754 0.9919999837875366,20.17099952697754 C0.9919999837875366,20.17099952697754 -28.22599983215332,-9.170000076293945 -28.22599983215332,-9.170000076293945 C-28.22599983215332,-9.170000076293945 0.6299999952316284,-38.88100051879883 0.6299999952316284,-38.88100051879883z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M0.6299999952316284,-38.88100051879883 C0.6299999952316284,-38.88100051879883 30.913999557495117,-9.170000076293945 30.913999557495117,-9.170000076293945 C30.913999557495117,-9.170000076293945 0.9919999837875366,20.17099952697754 0.9919999837875366,20.17099952697754 C0.9919999837875366,20.17099952697754 -28.22599983215332,-9.170000076293945 -28.22599983215332,-9.170000076293945 C-28.22599983215332,-9.170000076293945 0.6299999952316284,-38.88100051879883 0.6299999952316284,-38.88100051879883z"></path></g></g><g mask="url(#__lottie_element_73_1)" style="display: none;"><g transform="matrix(0,1,-1,0,185.11520385742188,482.18701171875)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,-142.81199645996094,12.875)"><path fill="rgb(153,158,164)" fill-opacity="1" d=" M80.43919372558594,-27.478981018066406 C110.79369354248047,-27.478981018066406 135.43919372558594,-13.019736289978027 135.43919372558594,4.788915634155273 C135.43919372558594,4.788915634155273 135.43919372558594,4.788915634155273 135.43919372558594,4.788915634155273 C135.43919372558594,22.59756851196289 110.79369354248047,37.05681228637695 80.43919372558594,37.05681228637695 C80.43919372558594,37.05681228637695 -90.56080627441406,37.05681228637695 -90.56080627441406,37.05681228637695 C-120.9153060913086,37.05681228637695 -145.56080627441406,22.59756851196289 -145.56080627441406,4.788915634155273 C-145.56080627441406,4.788915634155273 -145.56080627441406,4.788915634155273 -145.56080627441406,4.788915634155273 C-145.56080627441406,-13.019736289978027 -120.9153060913086,-27.478981018066406 -90.56080627441406,-27.478981018066406 C-90.56080627441406,-27.478981018066406 80.43919372558594,-27.478981018066406 80.43919372558594,-27.478981018066406z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M80.43919372558594,-27.478981018066406 C110.79369354248047,-27.478981018066406 135.43919372558594,-13.019736289978027 135.43919372558594,4.788915634155273 C135.43919372558594,4.788915634155273 135.43919372558594,4.788915634155273 135.43919372558594,4.788915634155273 C135.43919372558594,22.59756851196289 110.79369354248047,37.05681228637695 80.43919372558594,37.05681228637695 C80.43919372558594,37.05681228637695 -90.56080627441406,37.05681228637695 -90.56080627441406,37.05681228637695 C-120.9153060913086,37.05681228637695 -145.56080627441406,22.59756851196289 -145.56080627441406,4.788915634155273 C-145.56080627441406,4.788915634155273 -145.56080627441406,4.788915634155273 -145.56080627441406,4.788915634155273 C-145.56080627441406,-13.019736289978027 -120.9153060913086,-27.478981018066406 -90.56080627441406,-27.478981018066406 C-90.56080627441406,-27.478981018066406 80.43919372558594,-27.478981018066406 80.43919372558594,-27.478981018066406z"></path></g></g></g><g mask="url(#__lottie_element_66_2)" style="display: none;"><g transform="matrix(1,0,0,1,250,250)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,-81.75,111.125)"><path fill="rgb(148,180,255)" fill-opacity="1" d=" M124.5,-74.625 C124.5,-74.625 124.5,74.625 124.5,74.625 C124.5,74.625 -124.5,74.625 -124.5,74.625 C-124.5,74.625 -124.5,-74.625 -124.5,-74.625 C-124.5,-74.625 124.5,-74.625 124.5,-74.625z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M124.5,-74.625 C124.5,-74.625 124.5,74.625 124.5,74.625 C124.5,74.625 -124.5,74.625 -124.5,74.625 C-124.5,74.625 -124.5,-74.625 -124.5,-74.625 C-124.5,-74.625 124.5,-74.625 124.5,-74.625z"></path></g></g></g><g mask="url(#__lottie_element_49_1)" style="display: none;"><g transform="matrix(1,0,0,1,414.93389892578125,300.25)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,-142.81199645996094,12.875)"><path fill="rgb(194,212,255)" fill-opacity="1" d=" M152.56199645996094,-25.625 C152.56199645996094,-25.625 152.56199645996094,24.375 152.56199645996094,24.375 C152.56199645996094,24.375 33.0620002746582,24.375 33.0620002746582,24.375 C33.0620002746582,24.375 33.0620002746582,-25.625 33.0620002746582,-25.625 C33.0620002746582,-25.625 152.56199645996094,-25.625 152.56199645996094,-25.625z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M152.56199645996094,-25.625 C152.56199645996094,-25.625 152.56199645996094,24.375 152.56199645996094,24.375 C152.56199645996094,24.375 33.0620002746582,24.375 33.0620002746582,24.375 C33.0620002746582,24.375 33.0620002746582,-25.625 33.0620002746582,-25.625 C33.0620002746582,-25.625 152.56199645996094,-25.625 152.56199645996094,-25.625z"></path></g></g></g><g mask="url(#__lottie_element_57_1)" style="display: none;"><g transform="matrix(1,0,0,1,414.93389892578125,349.75)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,-142.81199645996094,12.875)"><path fill="rgb(194,212,255)" fill-opacity="1" d=" M152.06199645996094,-28.125 C152.06199645996094,-28.125 152.06199645996094,24.375 152.06199645996094,24.375 C152.06199645996094,24.375 -16.187999725341797,24.375 -16.187999725341797,24.375 C-16.187999725341797,24.375 -16.187999725341797,-28.125 -16.187999725341797,-28.125 C-16.187999725341797,-28.125 152.06199645996094,-28.125 152.06199645996094,-28.125z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M152.06199645996094,-28.125 C152.06199645996094,-28.125 152.06199645996094,24.375 152.06199645996094,24.375 C152.06199645996094,24.375 -16.187999725341797,24.375 -16.187999725341797,24.375 C-16.187999725341797,24.375 -16.187999725341797,-28.125 -16.187999725341797,-28.125 C-16.187999725341797,-28.125 152.06199645996094,-28.125 152.06199645996094,-28.125z"></path></g></g></g><g mask="url(#__lottie_element_48_1)" style="display: none;"><g transform="matrix(1,0,0,1,414.93389892578125,399.25)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,-142.81199645996094,12.875)"><path fill="rgb(194,212,255)" fill-opacity="1" d=" M152.06199645996094,-31.625 C152.06199645996094,-31.625 152.06199645996094,23.75 152.06199645996094,23.75 C152.06199645996094,23.75 -66.18800354003906,23.75 -66.18800354003906,23.75 C-66.18800354003906,23.75 -66.18800354003906,-31.625 -66.18800354003906,-31.625 C-66.18800354003906,-31.625 152.06199645996094,-31.625 152.06199645996094,-31.625z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M152.06199645996094,-31.625 C152.06199645996094,-31.625 152.06199645996094,23.75 152.06199645996094,23.75 C152.06199645996094,23.75 -66.18800354003906,23.75 -66.18800354003906,23.75 C-66.18800354003906,23.75 -66.18800354003906,-31.625 -66.18800354003906,-31.625 C-66.18800354003906,-31.625 152.06199645996094,-31.625 152.06199645996094,-31.625z"></path></g></g></g><g transform="matrix(1,0,0,1,0.08660888671875,250)" opacity="1" style="display: none;"><g opacity="1" transform="matrix(1,0,0,1,-143,111.5)"><path fill="rgb(222,224,227)" fill-opacity="1" d=" M186.75,-76 C186.75,-76 186.75,74.25 186.75,74.25 C186.75,74.25 187.06199645996094,74.25 187.06199645996094,74.25 C187.06199645996094,74.25 187.06199645996094,-76 187.06199645996094,-76 C187.06199645996094,-76 186.75,-76 186.75,-76z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M186.75,-76 C186.75,-76 186.75,74.25 186.75,74.25 C186.75,74.25 187.06199645996094,74.25 187.06199645996094,74.25 C187.06199645996094,74.25 187.06199645996094,-76 187.06199645996094,-76 C187.06199645996094,-76 186.75,-76 186.75,-76z"></path></g></g><g style="display: none;" transform="matrix(0,0,0,1,43.83660888671875,250)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,-81.75,111.125)"><path fill="rgb(190,196,201)" fill-opacity="1" d=" M77.93800354003906,-74.625 C77.93800354003906,-74.625 77.93800354003906,74.625 77.93800354003906,74.625 C77.93800354003906,74.625 -124.5,74.625 -124.5,74.625 C-124.5,74.625 -124.5,-74.625 -124.5,-74.625 C-124.5,-74.625 77.93800354003906,-74.625 77.93800354003906,-74.625z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M77.93800354003906,-74.625 C77.93800354003906,-74.625 77.93800354003906,74.625 77.93800354003906,74.625 C77.93800354003906,74.625 -124.5,74.625 -124.5,74.625 C-124.5,74.625 -124.5,-74.625 -124.5,-74.625 C-124.5,-74.625 77.93800354003906,-74.625 77.93800354003906,-74.625z"></path></g></g><g transform="matrix(1,0,0,1,250,250)" opacity="1" style="display: none;"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(148,180,255)" fill-opacity="1" d="M0 0"></path><path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(51,109,244)" stroke-opacity="1" stroke-width="52" d="M0 0"></path></g></g><g mask="url(#__lottie_element_31_1)" style="display: none;"><g transform="matrix(1,0,0,1,254.62600708007812,421.6240234375)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,-4.938000202178955,-159.81199645996094)"><path fill="rgb(51,109,244)" fill-opacity="1" d=" M0,-26.0625 C14.383893966674805,-26.0625 26.0625,-14.383893966674805 26.0625,0 C26.0625,14.383893966674805 14.383893966674805,26.0625 0,26.0625 C-14.383893966674805,26.0625 -26.0625,14.383893966674805 -26.0625,0 C-26.0625,-14.383893966674805 -14.383893966674805,-26.0625 0,-26.0625z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M0,-26.0625 C14.383893966674805,-26.0625 26.0625,-14.383893966674805 26.0625,0 C26.0625,14.383893966674805 14.383893966674805,26.0625 0,26.0625 C-14.383893966674805,26.0625 -26.0625,14.383893966674805 -26.0625,0 C-26.0625,-14.383893966674805 -14.383893966674805,-26.0625 0,-26.0625z"></path></g></g></g><g mask="url(#__lottie_element_16)" transform="matrix(0.8458000421524048,0,0,0.8458000421524048,263.20135498046875,140.5159454345703)" opacity="1" style="display: none;"><g opacity="1" transform="matrix(1.0094799995422363,0,0,1.0094799995422363,134.25,72.25)"><path fill="rgb(222,224,227)" fill-opacity="1" d=" M0,-79.5 C43.87604904174805,-79.5 79.5,-43.87604904174805 79.5,0 C79.5,43.87604904174805 43.87604904174805,79.5 0,79.5 C-43.87604904174805,79.5 -79.5,43.87604904174805 -79.5,0 C-79.5,-43.87604904174805 -43.87604904174805,-79.5 0,-79.5z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M0,-79.5 C43.87604904174805,-79.5 79.5,-43.87604904174805 79.5,0 C79.5,43.87604904174805 43.87604904174805,79.5 0,79.5 C-43.87604904174805,79.5 -79.5,43.87604904174805 -79.5,0 C-79.5,-43.87604904174805 -43.87604904174805,-79.5 0,-79.5z"></path></g></g><g mask="url(#__lottie_element_29)" transform="matrix(0.8458000421524048,0,0,0.8458000421524048,263.20135498046875,140.5159454345703)" opacity="1" style="display: none;"><g opacity="1" transform="matrix(1.0094799995422363,0,0,1.0094799995422363,134.25,72.25)"><path fill="rgb(208,211,214)" fill-opacity="1" d=" M0,-79.5 C43.87604904174805,-79.5 79.5,-43.87604904174805 79.5,0 C79.5,43.87604904174805 43.87604904174805,79.5 0,79.5 C-43.87604904174805,79.5 -79.5,43.87604904174805 -79.5,0 C-79.5,-43.87604904174805 -43.87604904174805,-79.5 0,-79.5z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M0,-79.5 C43.87604904174805,-79.5 79.5,-43.87604904174805 79.5,0 C79.5,43.87604904174805 43.87604904174805,79.5 0,79.5 C-43.87604904174805,79.5 -79.5,43.87604904174805 -79.5,0 C-79.5,-43.87604904174805 -43.87604904174805,-79.5 0,-79.5z"></path></g></g><g transform="matrix(0.5526185035705566,0,0,0.5526185035705566,66.8414535522461,202.43499755859375)" opacity="1" style="display: none;"><g opacity="1" transform="matrix(1.0094799995422363,0,0,1.0094799995422363,134.25,72.25)"><path fill="rgb(255,168,19)" fill-opacity="1" d=" M0,-79.5 C43.87604904174805,-79.5 79.5,-43.87604904174805 79.5,0 C79.5,43.87604904174805 43.87604904174805,79.5 0,79.5 C-43.87604904174805,79.5 -79.5,43.87604904174805 -79.5,0 C-79.5,-43.87604904174805 -43.87604904174805,-79.5 0,-79.5z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M0,-79.5 C43.87604904174805,-79.5 79.5,-43.87604904174805 79.5,0 C79.5,43.87604904174805 43.87604904174805,79.5 0,79.5 C-43.87604904174805,79.5 -79.5,43.87604904174805 -79.5,0 C-79.5,-43.87604904174805 -43.87604904174805,-79.5 0,-79.5z"></path></g></g><g transform="matrix(1.8262073993682861,0,0,1.8262073993682861,-66.71197509765625,412.0071105957031)" opacity="1" style="display: none;"><g opacity="1" transform="matrix(1,0,0,1,114.06199645996094,-150.68800354003906)"><path fill="rgb(255,198,10)" fill-opacity="1" d=" M0,-34.1875 C18.86808204650879,-34.1875 34.1875,-18.86808204650879 34.1875,0 C34.1875,18.86808204650879 18.86808204650879,34.1875 0,34.1875 C-18.86808204650879,34.1875 -34.1875,18.86808204650879 -34.1875,0 C-34.1875,-18.86808204650879 -18.86808204650879,-34.1875 0,-34.1875z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M0,-34.1875 C18.86808204650879,-34.1875 34.1875,-18.86808204650879 34.1875,0 C34.1875,18.86808204650879 18.86808204650879,34.1875 0,34.1875 C-18.86808204650879,34.1875 -34.1875,18.86808204650879 -34.1875,0 C-34.1875,-18.86808204650879 -18.86808204650879,-34.1875 0,-34.1875z"></path></g></g><g transform="matrix(0,0,0,0,283.4616394042969,143.99302673339844)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1.0958600044250488,0,0,1.0958600044250488,98.75,-147.25)"><path fill="rgb(187,191,196)" fill-opacity="1" d=" M2.0506710004673974e-15,-33.4900016784668 C2.0506710004673974e-15,-33.4900016784668 29.003190994262695,16.7450008392334 29.003190994262695,16.7450008392334 C29.003190994262695,16.7450008392334 -29.003190994262695,16.7450008392334 -29.003190994262695,16.7450008392334 C-29.003190994262695,16.7450008392334 2.0506710004673974e-15,-33.4900016784668 2.0506710004673974e-15,-33.4900016784668z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M2.0506710004673974e-15,-33.4900016784668 C2.0506710004673974e-15,-33.4900016784668 29.003190994262695,16.7450008392334 29.003190994262695,16.7450008392334 C29.003190994262695,16.7450008392334 -29.003190994262695,16.7450008392334 -29.003190994262695,16.7450008392334 C-29.003190994262695,16.7450008392334 2.0506710004673974e-15,-33.4900016784668 2.0506710004673974e-15,-33.4900016784668z"></path></g></g><g transform="matrix(0,1,-0.21262307465076447,0,206.0271453857422,250.07199096679688)" opacity="1" style="display: none;"><g opacity="1" transform="matrix(0.9292700290679932,0,0,0.9292700290679932,104.5,72.75)"><path fill="rgb(187,191,196)" fill-opacity="1" d=" M2.493013416621985e-15,-40.7140007019043 C2.493013416621985e-15,-40.7140007019043 35.25935745239258,20.35700035095215 35.25935745239258,20.35700035095215 C35.25935745239258,20.35700035095215 -35.25935745239258,20.35700035095215 -35.25935745239258,20.35700035095215 C-35.25935745239258,20.35700035095215 2.493013416621985e-15,-40.7140007019043 2.493013416621985e-15,-40.7140007019043z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="0" d=" M2.493013416621985e-15,-40.7140007019043 C2.493013416621985e-15,-40.7140007019043 35.25935745239258,20.35700035095215 35.25935745239258,20.35700035095215 C35.25935745239258,20.35700035095215 -35.25935745239258,20.35700035095215 -35.25935745239258,20.35700035095215 C-35.25935745239258,20.35700035095215 2.493013416621985e-15,-40.7140007019043 2.493013416621985e-15,-40.7140007019043z"></path></g></g></g></g></svg>
            </div>
          </div>
        </div>
        <div class="lottie-main-slogan">突破企业壁垒，先用云梦智能进销存</div>
        <div class="lottie-sub-slogan">进货、销售、库存，一网打尽</div>
      </div>
    </div>
  </div>
</template>

<script>
import { validUsername } from '@/utils/validate'
import SocialSign from './components/SocialSignin'
import {login} from "@/api/user";
import {setToken} from "@/utils/auth";

export default {
  name: 'Login',
  components: { SocialSign },
  data() {
    const validateUsername = (rule, value, callback) => {
      callback()
    }
    const validatePassword = (rule, value, callback) => {
      if (value.length < 6) {
        callback(new Error('The password can not be less than 6 digits'))
      } else {
        callback()
      }
    }
    return {
      loginForm: {
        username: 'admin',
        password: 'admin'
      },
      loginRules: {
        username: [{ required: true, message: '请输入用户名', trigger: 'change' },],
        password: [{ required: true, message: '请输入密码', trigger: 'change' },],
      },
      passwordType: 'password',
      capsTooltip: false,
      loading: false,
      showDialog: false,
      redirect: undefined,
      otherQuery: {}
    }
  },
  watch: {
    $route: {
      handler: function(route) {
        const query = route.query
        if (query) {
          this.redirect = query.redirect
          this.otherQuery = this.getOtherQuery(query)
        }
      },
      immediate: true
    }
  },
  created() {
    // window.addEventListener('storage', this.afterQRScan)
  },
  mounted() {
    if (this.loginForm.username === '') {
      this.$refs.username.focus()
    } else if (this.loginForm.password === '') {
      this.$refs.password.focus()
    }
  },
  destroyed() {
    // window.removeEventListener('storage', this.afterQRScan)
  },
  methods: {
    checkCapslock(e) {
      const { key } = e
      this.capsTooltip = key && key.length === 1 && (key >= 'A' && key <= 'Z')
    },
    showPwd() {
      if (this.passwordType === 'password') {
        this.passwordType = ''
      } else {
        this.passwordType = 'password'
      }
      this.$nextTick(() => {
        this.$refs.password.focus()
      })
    },
    handleLogin() {
      this.loading = true
      login(this.loginForm).then(res => {
        this.loading = false;
        if (res.data.code === -1) {
          this.$message.error(res.data.errMsg);
          return;
        }
        setToken(res.data.data.token);
        this.$message.success("登录成功！");
        this.$router.push({ path: this.redirect || '/', query: this.otherQuery });

      }).catch(e => {
        console.log(e)
        this.$message.error(e);
        this.loading= false;
      });
    },
    getOtherQuery(query) {
      return Object.keys(query).reduce((acc, cur) => {
        if (cur !== 'redirect') {
          acc[cur] = query[cur]
        }
        return acc
      }, {})
    }
    // afterQRScan() {
    //   if (e.key === 'x-admin-oauth-code') {
    //     const code = getQueryObject(e.newValue)
    //     const codeMap = {
    //       wechat: 'code',
    //       tencent: 'code'
    //     }
    //     const type = codeMap[this.auth_type]
    //     const codeName = code[type]
    //     if (codeName) {
    //       this.$store.dispatch('LoginByThirdparty', codeName).then(() => {
    //         this.$router.push({ path: this.redirect || '/' })
    //       })
    //     } else {
    //       alert('第三方登录失败')
    //     }
    //   }
    // }
  }
}
</script>



<style scoped>
.web-login-right {
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  background: #f3f4fb;
  background-image: url("/src/assets/img2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 520px;
  padding: 0 20px;
}

.passport-lottie-root .lottie-main-slogan {
  width: 100%;
  margin-top: 24px;
  font-size: 24px;
  font-weight: 600;
  line-height: 40px;
  color: #1f2329;
  text-align: center;
}

.login-input {
  padding-right: 16px;
  padding-left: 16px;
}



.login-container {

}


.passport-lottie-root .lottie-bg {
  width: 100%;
}

.passport-lottie-root .lottie-content {
  position: relative;
}

.passport-lottie-root .lottie-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.login-content-container {
  position: relative;
  //width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #dee0e3;
  -webkit-box-shadow: 0 4px 8px rgba(31,35,41,.03), 0 3px 6px -6px rgba(31,35,41,.05), 0 6px 18px 6px rgba(31,35,41,.03);
  box-shadow: 0 4px 8px rgba(31,35,41,.03), 0 3px 6px -6px rgba(31,35,41,.05), 0 6px 18px 6px rgba(31,35,41,.03);
}

.web-main-content {
  position: absolute;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 350px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.passport-lottie-root {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 420px;
  overflow: hidden;
}

.passport-lottie-root .lottie-sub-slogan {
  width: 280px;
  min-height: 24px;
  margin-top: 20px;
  margin-bottom: 38px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #646a73;
  text-align: center;
}

.passport-lottie-root .lottie-sub-slogan {
  width: 280px;
  min-height: 24px;
  margin-top: 20px;
  font-family: LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, Helvetica Neue, Tahoma, PingFang SC, Microsoft Yahei, Arial, Hiragino Sans GB, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  margin-bottom: 38px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #646a73;
  text-align: center;
}

.passport-lottie-root {

}
</style>
